<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>Umpirsky Uploader Demo</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="keywords" content="multiple, upload, file, demo umpirsky, uploader, multi, batch, java, layout, custom, files, images, photos">
		<meta name="description" content="Umpirsky uploader is multiple file uploader with fully customizable web layout">
		<meta name="viewport" content="width=820">
		<link href="css/umpirsky_uploader.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="js/umpirsky.js"></script>
		<script type="text/javascript" src="js/client.js"></script>
	</head>
	<body>
		<div id="Main">
    		<h1>Umpirsky Uploader Demo</h1>
			<div class="step2">
				<div class="step2">
					<div id="wholeform">
						<form action="about:blank" method="post" onsubmit="return false">
							<div id="upload-container" class="upload-container free firefox">
								<div class="ad">
				 					<div class="ad-content">
										<div id="ad-element">
											<!-- [monetization goes here] -->
										</div>
									</div>
								</div>
								<div>
									<applet height="1" width="1" name="UmpirskyUploader" code="umpirsky.UmpirskyUploader.class" archive="UmpirskyUploader.jar"/>
										<param name="url"  value="http://uploader.umpirsky.com/server/">
										<param name="look_and_feel"  value="com.sun.java.swing.plaf.windows.WindowsLookAndFeel">
										<param name="multiple_selection"  value="true">
										<param name="preview_enabled"  value="true">
										<param name="number_of_files_max"  value="10">
										<param name="upload_mb_max"  value="10">
										<param name="file_mb_max"  value="2">
										<param name="filter_enabled"  value="false">
										<param name="filter_description"  value="Images">
										<param name="filter_extensions"  value="jpg, jpeg, gif">
									</applet>
								</div>
								<div class="upload-table-wrapper">
									<div id="upload-table" class="upload">
					 					<div class="head">
					  						<ul>
											   <li>
												<div class="name">File</div>
											    <div class="size">Size</div>
											    <div class="select">Remove?</div>
											   </li>
											</ul>
											<div class="clear">
											</div>
										</div>
										<div id="uploadr-bg" class="uploadr-bg-progress">
											<div id="uploadr-scroll" class="uploadr-scroll">
												<ul id="upload-files-list" class="body">
											   		<li id="upload-item-tpl" class="default">
											   		</li>
											   	</ul>
									  		</div>
				  						</div>
					  					<div class="foot">
										   <ul>
										   	<li>
										    	<div class="name">
										      		<div id="upload-total-bytes">

										      		</div>
										      		<div id="upload-total-files" style="display: none">
										        		<span id="file-counter">No files</span>
										        		<span class="upload-add-more"><span class="divider">|</span><a href="#" onclick="umpirsky.browse(); return false;">Browse</a></span>
										        		<span class="upload-add-more"><span class="divider">|</span><a href="#" onclick="umpirsky.clearFiles(); return false;">Clear all</a></span>
										        		<span class="upload-add-more"><span class="divider">|</span><a href="#" onclick="upload();  return false;">Upload</a></span>
										        	</div>
									     		</div>
							        		</li>
										   </ul>
										<div class="clear">&nbsp;</div>
									</div>
									<div id="uploadr-status" class="uploadr-status">
										<div id="uploadr-status-progress">
											<!-- progress bar here -->
										</div>
									</div>
								</div>
								</div>
					  		</div>
						</form>
					</div>
				</div>
			</div>
			<div class="educate">
				<h3>Don't panic!</h3>
				<p>Component is still under development, a bit buggy and with limited set of features.</p>
				<p>Beta version is available for <a href="http://code.google.com/p/umpirsky-uploader/downloads/list">download</a> with documentation and examples.</p>
			</div>
		</div>
	</body>
</html>